<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="/paginas/template.xhtml">
	<ui:define name="header">
		<br/>
	    <h1><h:outputText value="#{mensaje['label.tituloSubasta']}" style="color: red" /></h1>
	</ui:define>
	<ui:define name="content">
		<div align="center">
			<br />
		    <h:panelGrid columns="1">
				<h:form id="tipoAuto" prependId="false">
					<div align = "center">
						<p:panel id="panel" header="#{mensaje['label.nuevaSubasta']}" style="margin-bottom:10px;">
							<br />
							<p:growl id="messages"/>
							<div align = "center">
								<h:outputText value="#{mensaje['label.ingresarSubasta']}" style= "color: black" />
							</div>
							<br />
							<div align = "center">
								<h:panelGrid columns="3">
									<h:outputText value="#{mensaje['label.precio']}:" style="color: black" partialSubmit="true"/>
									<h:inputText id="precio" value="#{clienteBean.subasta.precioBase}" required="true" requiredMessage = "#{mensaje['label.mensajeSubasta1']}" rendered="#{administradorBean.accion == 'registrar'}"  >
									</h:inputText>
									<h:inputText id="precioLeer" value="#{clienteBean.subasta.precioBase}" required="true" requiredMessage = "#{mensaje['label.mensajeSubasta1']}" rendered="#{administradorBean.accion != 'registrar'}" >
									</h:inputText>
									<p:message for="precio" />
									
									<h:outputText value="#{mensaje['label.fecha']}: "  style="color: black"/>
									<p:calendar id="fecha" required="true" requiredMessage = "#{mensaje['label.mensajeSubasta2']}" value="#{clienteBean.subasta.fecha}" rendered="#{administradorBean.accion == 'registrar'}" >
										
									</p:calendar>
									<p:calendar id="fechaLeer" required="true" requiredMessage = "#{mensaje['label.mensajeSubasta2']}" readonly="true" value="#{clienteBean.subasta.fecha}" rendered="#{administradorBean.accion != 'registrar'}">
										<f:convertDateTime type="date" pattern="dd/mm/yyyy"/>
									</p:calendar>
									<p:message for="fecha" />
								</h:panelGrid>
								<h:panelGrid columns="4">
									<h:outputText value="#{mensaje['label.hora']}:" style="color: black"/>
									<h:selectOneMenu value="#{clienteBean.hora}" immediate="true" converter="selectItemObjectConverter">
										<f:selectItems value="#{clienteBean.horas}" />
									</h:selectOneMenu>
									<h:outputText value=" : " style="color: black"/>
									<h:selectOneMenu value="#{clienteBean.minuto}" immediate="true" converter="selectItemObjectConverter">
										<f:selectItems value="#{clienteBean.minutos}" />
									</h:selectOneMenu>
								</h:panelGrid>
								<h:panelGrid columns="2">
									<h:outputText value="#{mensaje['label.tiempo']}:" style="color: black"/> 
									<h:selectOneMenu value ="#{clienteBean.subasta.tiempoLimite}">
										<f:selectItem itemValue="1 hora" />
										<f:selectItem itemValue="2 horas" />
										<f:selectItem itemValue="3 horas" />
										<f:selectItem itemValue="4 horas" />
									</h:selectOneMenu>
									
									<h:outputText value="#{mensaje['label.tipoSubasta']}:" style="color: black"/>
									<h:selectOneMenu value="#{clienteBean.subasta.tipoSubasta}" immediate="true" converter="selectItemObjectConverter">
										<f:selectItems value="#{administradorBean.tipoDeSubastas}" />
									</h:selectOneMenu>
									
									<h:outputText value="#{mensaje['label.automovil']}:" style="color: black"/>
									<h:outputText value="#{administradorBean.automovil}" style="color: red"/>
								</h:panelGrid>
								<h:commandButton value="#{mensaje['button.aceptar']}" update="fdatos" 
								action="#{clienteBean.agregarSubasta}" style="margin-right:20px;" rendered="#{administradorBean.accion == 'registrar'}"/>
								<h:commandButton value="#{mensaje['button.actualizar']}" update="fdatos" 
								action="#{clienteBean.actualizarSubasta}" style="margin-right:20px;" rendered="#{administradorBean.accion != 'registrar'}"/>
								<h:commandButton value="#{mensaje['button.cancelar']}" update="fdatos tipoAuto" 
								action="#{clienteBean.cancelar}" style="margin-right:20px;" rendered="#{administradorBean.accion != 'registrar'}"/>
							</div>
						</p:panel>
					</div>
				</h:form>
			</h:panelGrid>
		</div>
		<div align="center">
		<br />
		<h1><h:outputText value="#{mensaje['label.listaSubasta']}" style="color: red" /></h1>
		<br />
		</div>
		<div align="center">
			<h:panelGrid columns="1">
				<h:form id="fdatos" prependId="false">
					<p:dataTable id="tabla" value="#{clienteBean.misSubastas}" var="subasta" paginator="true" rows="5" emptyMessage="#{mensaje['label.noHaySubasta']}">
						<p:column filterBy="#{subasta.precioBase}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.precio']}" />
							</f:facet>
							<h:outputText value="#{subasta.precioBase}" style="color: black"/>
						</p:column>
						<p:column filterBy="#{subasta.hora}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.hora']}" />
							</f:facet>
							<h:outputText value="#{subasta.hora}" style="color: black"/>
						</p:column>
						<p:column filterBy="#{subasta.fecha}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.fecha']}" />
							</f:facet>
							<h:outputText value="#{subasta.fecha}" style="color: black"/>
						</p:column>
						<p:column filterBy="#{subasta.tiempoLimite}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.tiempo']}" />
							</f:facet>
							<h:outputText value="#{subasta.tiempoLimite}" style="color: black"/>
						</p:column>
						<p:column filterBy="#{subasta.automovil}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header">
								<h:outputText value="#{mensaje['label.automovil']}" />
							</f:facet>
							<h:outputText value="#{subasta.automovil}" style="color: black"/>
						</p:column>
						<p:column>
							<f:facet name="header"><h:outputText value="#{mensaje['button.actualizar']}" /></f:facet> 
							<p:commandButton update="tipoAuto" image="ui-icon ui-icon-refresh">
								<f:setPropertyActionListener value="actualizar"	target="#{administradorBean.accion}" />
								<f:setPropertyActionListener value="#{subasta}"	target="#{clienteBean.subasta}" />
							</p:commandButton>
						</p:column>
					</p:dataTable>
					
					<div align="center">
						<p:panel id="panelExportacion" header="#{mensaje['label.exportar']}" style="margin-bottom:10px;">
							<div align="center">
								<h:panelGrid columns="5">
									<h:outputText value="#{mensaje['label.exportarMensaje']}:" style="color: black" />
									<h:commandLink>
										<p:graphicImage value="/images/pdf.png" />
										<p:dataExporter type="pdf" target="tabla" fileName="subastas" />
									</h:commandLink>
									<h:commandLink>
										<p:graphicImage value="/images/excel.png" />
										<p:dataExporter type="xls" target="tabla" fileName="subastas" />
									</h:commandLink>
									 <h:commandLink>  
							            <p:graphicImage value="/images/csv.png" />  
							            <p:dataExporter type="csv" target="tabla" fileName="subastas" />  
							        </h:commandLink>  
							        <h:commandLink>  
							            <p:graphicImage value="/images/xml.png" />  
							            <p:dataExporter type="xml" target="tabla" fileName="subastas" />  
							        </h:commandLink> 
								</h:panelGrid>
							</div>
						</p:panel>
					</div>
				</h:form>
			</h:panelGrid>
		</div>	
		<h:form>
			<br/>
				<div align="center">
					<h:commandButton value="#{mensaje['button.volver']}" action="/paginas/inicio/inicioCliente.xhtml" style="margin-right:40px;" />
				</div>
			<br/>
		</h:form>
	</ui:define>
	<ui:define name="footer">
	</ui:define>
</ui:composition>
</html>